<template>
    <div>
        <banner :alist="alist"></banner>
        <!-- 六宫格 -->
        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newslist">
                        <img src="../img/menu1.png" alt="">
		                    <div class="mui-media-body">Home</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                        <img src="../img/menu2.png" alt="">
		                    <div class="mui-media-body">aaaaaal</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/shopList">
                        <img src="../img/menu3.png" alt="">
		                    <div class="mui-media-body">Chat</div></router-link></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                        <img src="../img/menu4.png" alt="">
		                    <div class="mui-media-body">location</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                        <img src="../img/menu5.png" alt="">
		                    <div class="mui-media-body">Search</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                        <img src="../img/menu6.png" alt="">
		                    <div class="mui-media-body">Phone</div></a></li>
		            
		        </ul> 
        <!--  -->
    </div>
</template>
<script>
import banner from "../components/news/subList/banner.vue";
export default {
    data() {
        return {
            alist:[]
        }
    },
    created(){
          this.getBannerList()
    },
    methods:{
        getBannerList(){
            this.$http.get("api/getlunbo").then(result=>{
                // console.log(result);
                if(result.body.status == 0){
                       this.alist = result.body.message;
                }
                
            })
        }
    },
    components:{
        banner
    }
}
</script>
<style lang="scss" scoped>
      .mint-swipe{
          height: 20vh;
          .mint-swipe-item{
              &:nth-child(1){
                  background: green
              }
              
              img{
                  height: 100%;
                  width: 100%;
              }
          }
          
      }
      .mui-grid-view.mui-grid-9{
              background: white;
              img{
                  width: 60px;
                  height: 60px;
              }
          }

</style>
